<template>
    <div class="parent">
        <img :src="require('@/assets/'+img)" alt="图片不见啦">
        <div class="textboard">
        <p id="special">{{info1.info}}</p>
        <p id="title">{{info1.title}}</p>
        <p id="article">{{info1.article}}</p>
        <p id="final">{{info1.info}}</p>
        </div>
    </div>
</template>
<script>
export default{
    data(){
        return{

        }
    },
    props:['info1','img']
}
</script>
<style scoped>
.parent{
    clear: both;
}
img{
    float: left;
}
.textboard{
    float: left;
}
#special{
    padding: 2px 2px;
    display: inline-block;
    width: 40%;
    height: 28px;
    line-height: 32px;
    background-color:darkgray;
    border-top-left-radius:1em;
}
p{
    margin: 0px;
}
#title{
    margin-top:6px;
    font-weight:bold;
    font-size: 18px;
}
#article{
    margin-top:6px;
    color:darkgray;
    font-size:10px;
}
#final{
    margin-top:75px;
    font-size:12px;
}
</style>
